<template>
    <!--台账检查详情-->
    <section>
        <header>

        </header>
        <section class="content">
            <mu-container>
                <mu-expansion-panel :expand="panel === '1'" @change="toggle('panel1')">
                    <div slot="header">检查人</div>
                    <div>1</div>
                </mu-expansion-panel>
                <mu-expansion-panel :expand="panel === '2'" @change="toggle('panel2')">
                    <div slot="header">整改人</div>
                    <div>2</div>
                </mu-expansion-panel>
                <mu-expansion-panel :expand="panel === '3'" @change="toggle('panel3')">
                    <div slot="header">任务指派</div>
                    <div>3</div>
                </mu-expansion-panel>
                <mu-expansion-panel :expand="panel === '4'" @change="toggle('panel3')">
                    <div slot="header">复查人</div>
                    <div>4</div>
                </mu-expansion-panel>
            </mu-container>
        </section>
    </section>
</template>

<script>
    export default {
        name: "checkDetails",
        data () {
            return{
                panel: '4'
            }
        },
        mounted () {

        },
        methods:{
            toggle (panel) {
                this.panel = panel === this.panel ? '' : panel;
            }
        }
    }
</script>

<style scoped lang="scss">
    section{
        header{

        }
        .content{

        }
    }
</style>
